<template>
  <div>
    <div class="content">
      <div class="left-box">
        <overview-box />
        <approval-summary />
      </div>
      <div class="center-box">
        <overall-target />
        <alternator-capacity />
      </div>
      <div class="right-box">
        <keynote-task />
      </div>
    </div>
    <div class="table">
      <el-table :data="tableData" style="width: 100%;">
        <el-table-column label="内蒙古防沙治沙和风电光伏一体化工程" header-align="center">
          <el-table-column label="序号" header-align="center" prop="index" align="center" width="50"></el-table-column>
          <el-table-column label="地点" header-align="center" prop="address" align="center" width="130"></el-table-column>
          <el-table-column label="项目规模（万千瓦）" header-align="center" prop="scale" align="center"></el-table-column>
          <el-table-column label="牵头企业" header-align="center" prop="enterprise" align="center"></el-table-column>
          <el-table-column label="区域" header-align="center" prop="area" align="center" width="130"></el-table-column>
          <el-table-column label="装机规模（万千瓦）" header-align="center" prop="scale2" align="center" width="140"></el-table-column>
          <el-table-column label="治理面积（万亩）" header-align="center" prop="area2" align="center" width="140"></el-table-column>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import overviewBox from './components/cityProject/overviewBox';
import ApprovalSummary from './components/cityProject/approvalSummary';
import OverallTarget from './components/cityProject/overallTarget';
import AlternatorCapacity from './components/cityProject/alternatorCapacity';
import KeynoteTask from './components/cityProject/keynoteTask';
export default {
  components: { overviewBox, ApprovalSummary, OverallTarget, AlternatorCapacity, KeynoteTask },
  data() {
    return {
      chart1: undefined,
      chart2: undefined,
      data1: [
        {name: '鄂尔多斯', value: 259, unit:'内蒙古能源集团有限责任公司', area: 1},
        {name: '兴安盟', value: 197, unit:'内蒙古能源集团有限责任公司', area: 1},
        {name: '巴彦淖尔市', value: 193, unit:'内蒙古能源集团有限责任公司', area: 1},
        {name: '乌兰察布', value: 54, unit:'内蒙古能源集团有限责任公司', area: 1},
        {name: '赤峰市', value: 18, unit:'内蒙古能源集团有限责任公司', area: 1},
        {name: '阿拉善盟', value: 49, unit:'内蒙古能源集团有限责任公司', area: 1},
      ],
      tableData: [
        {
          index: '1',
          address: '鄂尔多斯',
          scale: '2024',
          enterprise: '内蒙古能源集团有限责任公司',
          area: '鄂尔多斯',
          scale2: '2024',
          area2: '195'
        },{
          index: '2',
          address: '兴安盟',
          scale: '光伏治沙2025年装机60、2030年装机150',
          enterprise: '中广核新能源内蒙古分公司',
          area: '兴安盟',
          scale2: '60',
          area2: '8'
        },{
          index: '3',
          address: '巴彦淖尔市',
          scale: '434.64',
          enterprise: '华能乌拉特中旗新能源发电有限公司',
          area: '巴彦淖尔市',
          scale2: '1590',
          area2: '33.28'
        },{
          index: '4',
          address: '乌兰察布',
          scale: '2024~2030年装机300；2024装机90',
          enterprise: '大唐（内蒙古）能源开发有限公司',
          area: '乌拉察布市',
          scale2: '300',
          area2: '44'
        },{
          index: '5',
          address: '赤峰市',
          scale: '400',
          enterprise: '国家能源集团龙源电力',
          area: '赤峰市',
          scale2: '400',
          area2: '23.07'
        },{
          index: '6',
          address: '通辽市',
          scale: '2023-2024年装机350（光伏230、风电120）',
          enterprise: '国家电力投资集团有限公司',
          area: '通辽市',
          scale2: '350',
          area2: '51.6'
        },{
          index: '7',
          address: '阿拉善盟',
          scale: '410（风电134.5、光伏275.5）',
          enterprise: '内蒙古华腾公司',
          area: '阿拉善盟',
          scale2: '410',
          area2: '59.96'
        },{
          index: '8',
          address: '锡林郭勒盟',
          scale: '180',
          enterprise: '京能集团',
          area: '锡林郭勒盟',
          scale2: '890',
          area2: '142.8'
        },{
          index: '9',
          address: '呼和浩特武川县',
          scale: '2025年装机达550',
          enterprise: '/',
          area: '呼和浩特武川县',
          scale2: '',
          area2: ''
        },
      ]
    }
  },
  mounted() {
    
  },
  methods: {
    
  }
}
</script>

<style lang="scss" scoped>
.content {
  display: flex;
  .left-box,.right-box {
    width: 28%;
  }
  .right-box {
    margin-right: 20px;
  }
  .center-box {
    flex: 1;
  }
}
.table {
  padding: 20px;
  width: 100%;
}
</style>